*{
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px;
}
img{
	border:0px;
}
#wrr-body-main{
	overflow: hidden;
	float: left;
	width: 100%;
}
.wrr-ct-pri{
	padding: 0;
	overflow: hidden;
	min-height: 450px;
}
table {width: 100%;}
table.wr-main-ct tr td.col-l {padding: 0; border-width: 0; vertical-align: top; font-size:11px; }

.st-table a,.breadcrum li.home a{
	color: #0000FF;
}


input[type=checkbox]{
	width: auto;
}
input .checkbox{
	width: 30px;
}


#rightcolumn {width: 170px; border-left: 1px solid #ccc;}
#rightcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;}
#rightcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;}
#rightcolumn .blockContent {padding: 3px; line-height: 1.2em;}








input, textarea{
	font-size:11px;
	border:1px solid #465DA0;
	width:200px;
	margin-left:0px;
	-moz-box-shadow:1px 1px 0 #E7E7E7;
	-webkit-box-shadow: #E7E7E7 1px 1px 0px;
	padding: 2px;
}
input:focus, textarea:focus{
	box-shadow: 0 0 5px #6694E3;
}
select{
	font-size:11px;
	border:1px solid #465DA0;
	width:200px;
	margin-left:0px;
	-moz-box-shadow:1px 1px 0 #E7E7E7;
	-webkit-box-shadow: #E7E7E7 1px 1px 0px;
	padding: 2px;
}
input.button{
	width:auto;
}
/*-----------------Class buttom------------------------------------------------------------------------*/
.delete {
    background: -moz-linear-gradient(center top , #CC6868, #CC4D63) repeat scroll 0 0 transparent;
    border: 1px solid #B83B3B;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-sizing: border-box !important;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px Arial,Helvetica,sans-serif;
    outline: medium none !important;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    width: auto;    
}
.delete:hover, .delete:focus {
    background: -moz-linear-gradient(center top , #B83B3B, #C23851) repeat scroll 0 0 transparent;
    border: 1px solid #B83B3B !important;
}
.delete:active, .delete.active {
    background: -moz-linear-gradient(center top , #C23851, #B83B3B) repeat scroll 0 0 transparent;
}

.edit {
    background: -moz-linear-gradient(center top , #8FC857, #5C9425) repeat scroll 0 0 transparent;
    border: 1px solid #749217;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.edit:hover, .edit:focus {
    background: -moz-linear-gradient(center top , #8FBB44, #5C8825) repeat scroll 0 0 transparent;
    border: 1px solid #749217 !important;
}
.edit:active, .edit.active {
    background: -moz-linear-gradient(center top , #5C8825, #8FBB44) repeat scroll 0 0 transparent;
}
.save {
  background: -moz-linear-gradient(center top , #F47A20, #FAA51A) repeat scroll 0 0 transparent;
	font-weight:bold;
	width:auto;
    border: 1px solid #DA7C0C;
    color: #FEF4E9;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);	
	-moz-box-sizing: border-box !important;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px Arial,Helvetica,sans-serif;
    outline: medium none !important;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
	background:#f7911d;
}
.save:hover, .save:focus {
    background: -moz-linear-gradient(center top , #F88E11, #F06015) repeat scroll 0 0 transparent;
}
.save:active, .save.active {
    background: -moz-linear-gradient(center top , #F47A20, #FAA51A) repeat scroll 0 0 transparent;
}

/* New*/
.buton_class,.blue_add {
    -moz-box-sizing: border-box !important;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px Arial,Helvetica,sans-serif;
    outline: medium none !important;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    width: auto;
	background:#0098d1;
}
.delete {
    background: -moz-linear-gradient(center top , #CC6868, #CC4D63) repeat scroll 0 0 transparent;
    border: 1px solid #B83B3B;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	background: #CC4D63;
}
.delete:hover, .delete:focus {
    background: -moz-linear-gradient(center top , #B83B3B, #C23851) repeat scroll 0 0 transparent;
    border: 1px solid #B83B3B !important;
}
.delete:active, .delete.active {
    background: -moz-linear-gradient(center top , #C23851, #B83B3B) repeat scroll 0 0 transparent;
}
.edit {
    background: -moz-linear-gradient(center top , #8FC857, #5C9425) repeat scroll 0 0 transparent;
    border: 1px solid #749217;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.edit:hover, .edit:focus {
    background: -moz-linear-gradient(center top , #8FBB44, #5C8825) repeat scroll 0 0 transparent;
    border: 1px solid #749217 !important;
}
.edit:active, .edit.active {
    background: -moz-linear-gradient(center top , #5C8825, #8FBB44) repeat scroll 0 0 transparent;
}
.blue_add {
    background: -moz-linear-gradient(center top , #00ADEE, #0078A5) repeat scroll 0 0 transparent;
    border: 1px solid #0076A3;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.blue_add:hover, .blue_add:focus {
    background: -moz-linear-gradient(center top , #0095CC, #00678E) repeat scroll 0 0 transparent;
}
.blue_add:active, .blue_add.active {
    background: -moz-linear-gradient(center top , #0078A5, #00ADEE) repeat scroll 0 0 transparent;
}

.save:hover, .save:focus {
    background: -moz-linear-gradient(center top , #F88E11, #F06015) repeat scroll 0 0 transparent;
}
.save:active, .save.active {
    background: -moz-linear-gradient(center top , #F47A20, #FAA51A) repeat scroll 0 0 transparent;
}
/*-----------------------------------------------------------------------------------------------------*/
.shadowntext{
	color: #000;
	text-shadow: 1px 0 #B3CAE1;
}
.wrr-header{
	width:100%;
	float:left;
	background: #fff;
}
.wrr-header .header-right{
	float: left;
	height: 69px;
	width: 80%;
}
#nav{
	clear: both
}
ul.acinfo li{
	list-style-type: none;
	float: left;
	color: #8B8989;
	padding: 0 5px;
}

.wrr-body{
	width: 100%;
}
.wrr-body-r{
}
.wrr-content{
	padding-top: 2px;
}
.head-menu{
	
}
ul li.itemlast a.top_link{
}
.menudown{
	float: right;
	padding-right:10px;
}
table.wr-main-ct tr td.col-r{
	min-height: 600px!important;
	vertical-align: top;
}
/*********CSS for Box************/
div.module-left{
	margin-bottom: 5px;
	margin-right: 5px;
}
div.module-left .t_m{
	background: transparent url(../images/box/bg_t_m.png) repeat-x;
	line-height: 22px;
	height: 22px;
}
div.module-left .t_r{
	background: transparent url(../images/box/bg_t_r.png) no-repeat right center;
	line-height: 22px;
	height: 22px;
}
div.module-left h3{
	background: transparent url(../images/box/bg_t_l.png) no-repeat left center;
	line-height: 22px;
	height: 22px;
	text-align: left;
	padding-left: 15px;
	color: #324E8D;
	margin: 0;
	font-size: 12px;
}
div.module-content{
	background: url(../images/box/bg_md.png);
	border-right: 1px solid #86A5D6;
	border-left: 1px solid #86A5D6;
	padding: 10px 10px;
}
a.toggleicon{
	float:right;
	padding:3px 6px;
}
.module-bottom{
	height: 4px;
	line-height: 4px;
	background:  #E2EAF7 url(../images/box/md_bt_m.png) repeat-x;
	overflow: hidden;
}
.module-bottom .md-bt-l{
	background:  url(../images/box/md_bt_l.png) no-repeat left center;
	height: 4px;
	line-height: 4px;
}
.module-bottom .md-bt-r{
	background:  url(../images/box/md_bt_r.png) no-repeat right center;
	height: 4px;
	line-height: 4px;
}
.module-content li{
	line-height: 22px;
	height: 22px;
	list-style-type: none!important;
}
.module-content li a{
	color:#324EA0;
	font-size: 11px;
	padding-left: 5px;
}
.module-content li a:hover{
	text-decoration: underline;
}
table.wr-main-ct{
	min-height: 600px!important;
}
table td.col-l{
	padding-top: 5px;
}

/************* CSS for tooltip menu *************/
.jsddm li{
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial
}

.jsddm li a{
	display: block;
	text-decoration: none;
	border-right: 1px solid white;
	white-space: nowrap;
	font-size: 11px;
}

.jsddm li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 999;
}
		
.jsddm li ul li{
	float: none;
	line-height: 100%;
	padding-left: 29px;
}
			
.jsddm li ul li a{
	width: auto;
	color: #24313C;
	line-height: 12px;
	padding: 7px 35px 7px 0;
	}
a.labelm{
	margin-left: 15px;
}	
.jsddm li ul li a:hover{
	background: #DBECF4 url(images/item-over.gif) repeat-x;
}

ul li span.mn_space{
	line-height: 1px;
	border-bottom: 1px solid #fff;
	background: #E0E0E0;
	display: block;
}
ul li.itemspace{
	padding: 1px!important;
	line-height: 1px!important;
	height: 1px!important;
	display: block!important;
}

.jsddm{
	float: left;
	padding-left:15px;
}

div.searchd{
	background: url(images/searchip.png) no-repeat;
	width: 200px;
	height: 21px;
	padding: 2px 0 2px 2px;
	float: left;
}
input.seachtop{
	border: 0;
	float: left;
	height:15px;
	width:172px;
}


.bao_benphai{
	padding:10px;
}

.detailbox{
	clear: both;
	display: none;
	background: #FEFACB;
}
.expandmulti{
	overflow: hidden;
	text-align: left
}
.expicon{
	float: left
}
ul.tool-list li{
          float: left
}
/*********************CSS for setup************************/

/********************CSS fr login************************/

/*******************CSS for table list no-sencha***********************/
div.box-l-n{
	overflow: hidden;
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:15px;
	min-height: 390px;
}
.box-l-n-l{
	padding-left: 6px;
	background: url(../images/box/corners-sprite.gif) no-repeat;
	border-bottom: 1px solid #99BBE8;
}
.box-l-n-r{
	padding-right: 6px;
	background: url(../images/box/corners-sprite.gif) no-repeat right top;
}
.box-l-n-m {
	background:url("../images/box/bg_hd.gif") repeat-x scroll 0 0 transparent;
	overflow:hidden;
}
.box-l-n-m h3{
	color:#000000;
	font-size:12px;
	margin:0;
	padding:5px 0;
	text-align: center;
}
.box-l-n-body{
	-moz-border-radius:0 0 5px 5px;
	background:none repeat scroll 0 0 #DFE8F6;
	border-bottom:1px solid #99BBE8;
	border-left:1px solid #99BBE8;
	border-right:1px solid #99BBE8;
	padding: 0 5px;
}
div.box-l-n-body table thead{
	background: url("../images/box/header.gif") repeat-x scroll 0 0 transparent;
}
div.box-l-n-body table tbody{
	background: #fff;
}
.box-l-n-wrr {
	border-left: 1px solid #99BBE8;
	border-right: 1px solid #99BBE8;
	border-bottom: 1px solid #99BBE8;
	height: 280px;
	overflow: auto;
}
div.box-l-n-body table tbody tr.row0{
	background: #FAFAFA;
}
div.box-l-n-body table tbody tr:hover{
	background: #FFFFCC;
}

/*CSS paging*/
ul.paging{
	clear:both;
	margin:0 auto;
	overflow:hidden;
	padding:7px;
	width:480px;
}
ul.paging li{
	float: left
}
ul.paging li.numpage select{
	width: 50px;
}
/*CSS for Alert*/
#wrr-alert{
	float:left;
	margin-left: 10px;
}
#wrr-alert a{
	cursor: pointer;
}
.al-tb,.al-cb,.al-tn,.al-cv,.al-cl{
	position: relative;
	z-index: 999;
}
.wrr-al-tb,.wrr-al-cb,.wrr-al-tn,.wrr-al-cv{
	position: absolute;
	overflow:visible;
	top:25px;
	border-top:0;
	display: none;
	z-index: 999;
	padding-bottom: 15px;
	background: url("../images/bg_alertb.png") no-repeat bottom center;
}
.wrr-al-l{
	background: url("../images/bg_alertt.png") repeat-y top center;
	padding-left: 15px;
}
.list-alert li {
	list-style-type:none;
	
}
.wrr-al-tb{
	display:none;
}
.label{
	 margin-top:8px;
}
.wrr-al-content{
	padding-right:0px;
	width:333px;
}
a#al-tn-rq{
	background: transparent url(../../images/icons/message2.png) no-repeat center 5px;
}
a#al-tb-rq{
	background: transparent url(../../images/icons/alert2.png) no-repeat center 5px;
}
a#al-cb-rq{
	background: transparent url(../../images/icons.png) no-repeat -75px -40px;
}
a#al-cv-rq{
	background: transparent url(../../images/icons/page_white_star.png) no-repeat 7px 5px;
}
a#al-cl-rq{
	background: transparent url(../../images/icons.png) no-repeat -141px -40px;
}
a#al-tn-rq,
a#al-tb-rq,
a#al-cb-rq,
a#al-cv-rq,
a#al-cl-rq{
	border-bottom: 0;
	height:25px;
	width:30px;
	display: block;
	border: 1px solid transparent;
}

a.al-hover-tn-rq,a#al-tn-rq:hover{
	background: #fffdfd url(../../images/icons/message2.png) no-repeat center 5px!important;
}
a.al-hover-tb-rq,a#al-tb-rq:hover{
	background: #fffdfd url(../../images/icons/alert2.png) no-repeat center 5px!important;
}
a.al-hover-cb-rq,a#al-cb-rq:hover{
	background: #fffdfd url(../../images/icons.png) no-repeat -75px -40px!important;
}
a.al-hover-cv-rq,a#al-cv-rq:hover{
	background: #fffdfd url(../../images/icons/page_white_star.png) no-repeat 7px 5px !important;
}
a.al-hover-cl-rq,a#al-cl-rq:hover{
	background: #fffdfd url(../../images/icons.png) no-repeat -141px -40px!important;
}
a.al-hover-tb-rq,a.al-hover-cb-rq,a.al-hover-tn-rq,a.al-hover-cv-rq{
	border-bottom: 0;
	height:25px;
	width:30px;
	display: block;
	border: 1px solid #000!important;
	border-bottom: 0;
}
.tb-rq-count,.cb-rq-count,.tn-rq-count,.cv-rq-count{
    background-color: #00376A;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    font-size: 9px;
    font-weight: bold;
    padding-bottom: 1px;
    position: absolute;
    right: 352px;
    text-decoration: blink;
    top: 3px;
    z-index: 101;
}
#tb-rq-count-res,#cb-rq-count-res,#tn-rq-count-res,#cv-rq-count-res{
	-moz-border-radius:2px 2px 2px 2px;
	background-color:#F03D25;
	border-color:-moz-use-text-color #DD3822 #DD3822;
	border-right:1px solid #DD3822;
	border-style:none solid solid;
	border-width:0 1px 1px;
	display:block;
	padding:1px 1px 0;
	font-size: 9px;
	color: #fff;
}
.wrr-alert-main{
	padding: 20px 0;
	overflow: hidden;
}
.wrr-alert-title{
	overflow: hidden;
	border-bottom:1px solid #666666;
	margin: 0 5px;
}
.wrr-alert-title .title{
	float: left;
	font-weight: bold;
	color: #08254b;
	font-size: 13px;
}
.wrr-alert-title .viewall{
	float: right;
	font-weight: bold;
	color: #08254b;
}
.wrr-alert-title .viewall a:hover{
	text-decoration: underline;
}
.wrr-alert-content-p{
}
.wrr-alert-content-p ul.list-alert li{
	border-bottom: 1px solid #ccc;
	padding:5px 0 5px 15px;
}
.wrr-alert-content-p ul.list-alert li div{
	line-height: 16px;
}
.wrr-alert-content-p ul.list-alert li div.ten{
	padding-left: 16px;
	font-size: 15px;
}
.wrr-alert-content-p ul.list-alert li div.title{
	overflow: hidden;
}
.wrr-alert-content-p ul.list-alert li div.ten a{
	font-weight: bold;
	text-transform:capitalize;
	color: #324E8D;
}
.wrr-alert-content-p ul.list-alert li div.ten a:hover{
	text-decoration: underline;
}
div.ten{
	clear: both;
}
.wrr-alert-content-p ul.list-alert li p.none{
	color: #000;
	font-size: 13px;
	text-align: center
}
a.dotlight,
ul.list-alert div.label{
	overflow: hidden;
	float: left;
	color: #000;
	font-size: 11px;
	
}
#db-denied{
	overflow: hidden;
}
/* Table sort */
th.header { 
    background-image: url(../images/box/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
th.headerSortUp { 
    background-image: url(../images/box/asc.gif); 
    
} 
th.headerSortDown { 
    background-image: url(../images/box/desc.gif); 
    
}
/*************CSS for tab***************/
div.container,
div.containerX{
	overflow: hidden;
	background: url(../images/tab/bg_title_f.gif) repeat-x top center;
	width: 100%;
}
.wrr-content-right{
	padding: 10px 10px;
	
}
ul.tabs,
ul.tabs-form {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	width: 100%;
}
ul.tabs li,
ul.tabs-form li {
	float: left;
	margin: 0;
	padding: 0;
	height: 29px;
	line-height: 29px;
	background: url(../images/tab/bg_tab.gif) repeat-x ;
	overflow: hidden;
	position: relative;
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}
ul.tabs li.active,
ul.tabs-form li.active{
	background: url(../images/tab/tab_active.gif) repeat-x ;
	height: 29px;
}
ul.tabs li.active a,
ul.tabs-form li.active a{
	background: url(../images/tab/tab_border_r_ac.gif) no-repeat right center ;
	height: 29px;
	color: #FF9028;
	font-weight: bold;
}
ul.tabs li a,
ul.tabs-form li a
 {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 17px;
	outline: none;
	background: url(../images/tab/tab_bt_border.gif) no-repeat right center;
}
ul.tabs li a:hover,
ul.tabs-form li a:hover
 {
	color: #FF9028;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover,
html ul.tabs-form li.active, html ul.tabs-form li.active a:hover
  {
}
.tab_container,
.tab_container-form {
	border-bottom: 1px solid #7484B7;
	border-top: 1px solid #7484B7;
	clear: both;
	float: left; 
	width: 100%;
	background: #FCFEFF url(../images/tab/tab_bg_l.gif) repeat-y left top;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.tab_content,
.tab_content-form
 {
	padding: 10px;
	font-size: 1.2em;
	overflow: hidden;
}
.tab_container-form .tab_container_r,
.tab_container .tab_container_r{
	background: url(../images/tab/tab_bg_r.gif) repeat-y right top;
	overflow: hidden;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
div.title_f{
	height: 40px;
	min-height: 40px;
	/*margin-left:4px;*/
} 
/* from giao dien */
.bao_conten{
	padding:10px;
}
.sectionFrm{
	border-bottom: 1px solid #AAAAAA;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
    text-align: left;
    width: 97%;
}
.left_conten_form{
	float:left;
    width:50%
}
.right_conten_form{
	float:right;
	width:50%;
}
